.app-advert{
    height: 100%;
    justify-content: space-between;

    .header{
        width: 100%;
        height: 44px;
        line-height: 44px;
        text-align: center;
    }
    .banner{
        background-image: url(../imgs/advertisement-bg.jpg);
        background-repeat: no-repeat;
        background-size: 1000px;
        background-position: center;
        position: relative;

        .skip{
            width: 110px;
            height: 44px;
            position: absolute;
            top: 28px;
            right: 14px;
            border-radius: 20px;
            background-color: #fff;
            text-align: center;
            line-height: 40px;
        }

        .text{
            width: 100%;
            position: absolute;
            
            text-align: center;
            color: #fff;
            
            animation: texiao 1s linear forwards;
        }

        @keyframes texiao {
            0%{
                font-size: 0px;
                bottom: 200px;
                display: none;
            }
            25%{
                font-size: 12px;
                bottom: 240px;
                display: block;
            }
            50%{
                font-size: 32px;
                bottom: 100px;
            }
            100%{
                font-size: 44px;
                bottom: 124px;
            }
        }
    }
}